﻿html
{
    font: 81.25% arial, helvetica, sans-serif;
    color: #333;
    line-height: 1;
    direction: ltr;
}
body
{
    margin: 0px;
    font-family: arial,sans-serif;
}
a
{
    color: #15C;
    text-decoration: none;
}
a:hover
{
    color: #15C;
    text-decoration: underline;
}
div#header
{
    background-color: LightSteelBlue;
    height: 30px;
}
#cargaAjax
{
    text-align: center;    
    color: Red;    
    font-weight: bold;   
    height: 10px;
}
div#main
{
    margin: 0px 5% 50px 5%;
    min-height: 400px;
    float: left;
    width: 80%;
    padding: 20px 30px 50px 30px;
}
div#main #central
{
    float: left;
}
div#main #derecha, #derecha-mover
{
    float: right;
}
div#main h1, h2
{
    margin: 0 0 .92em;
    color: #DD4B39;
    font-size: 25px;
    margin: 0 !important;
    font-weight: normal;
    line-height: 24px;
    padding: 0;
    border: 0;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
div#main h2
{
    font-size: 15px;
}
div#main p
{
    margin: 20 0 20 0;
}
div#main form
{
    border: 1px solid #C0C0C0;
}
div#main form.modal
{
    padding: 20px 20px 0px 20px;
    background-color: LightSteelBlue;
}
div#main form h1
{
    font-size: 17px;
    line-height: 17px;
    height: 16px;
    margin: 0 0 1.2em;
    color: #222;
    padding: 0px 0px 20px 0px;
    font-weight: bold;
}
div#main form label
{
    font-weight: bold;
}
div#main form input[type="text"], input[type="password"], select
{
    height: 25px;
    font-size: 15px;
    margin: 5px 5px 5px 5px;
    border: 1px solid black;
    width: auto;
    width: 100%;
}
div#main form textarea
{
    height: 100px;
    font-size: 15px;
    margin: 5px 5px 5px 5px;
    border: 1px solid black;
    width: auto;
    width: 99%;
}
div#main form input[type="text"]:hover, input[type="password"]:hover, select:hover
{
    border: 1px solid #C0C0C0;
}
div#main input[type="button"], input[type="submit"]
{
    margin: 0.5em 1.5em 0.5em 0;
    line-height: 29px;
    /*vertical-align: bottom;*/
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    border: 1px solid #2F5BB7;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #357AE8;
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    text-decoration: none;
    -webkit-transition: all 0.0s;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    min-width: 10px;
}
div#main input[type="button"].cerrar
{
    margin: 0 1.5em 1.2em 0;
    float: right;
    position: relative;
    left: 39px;
    top: -20px;
}
div#main input[type="button"].cerrar:hover
{
    cursor: pointer;
}
.errormsg
{
    margin: 0 0 0.5em 0;
    display: block;
    color: #DD4B39;
    line-height: 17px;
}
table
{
    margin: 20 0 20 0;
    width: 500px;
    text-align: left;
    border-collapse: collapse;
}
table th
{
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    color: #ffffff;
    background: LightSteelBlue;
}
table td
{
    padding: 8px;
    background: #F0F0F0;
    border-top: 1px solid #fff;
    color: #222;
}
table tbody tr:hover td
{
    background: #d0dafd;
}
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

form#formularioPDF{ margin-top:20px; width:57%;}
form#formularioPDF input[type="text"]#textoimagen{width:30%;}
form#formularioPDF input[type="file"]#ExaminaPdf{width:22%; margin-left:30px;}
form#formularioPDF input[type="button"]#CargaPdf{width:15%; margin-top:20px;}


.inputFile {
    border:#bbb solid 1px;
    height:20px;
}

#nav { list-style:none; margin-top: 0px; }   
#nav li { float:left; }
#nav li a { display:block; padding:5px 20px 0px 0px; text-decoration:none; color:#15C; font-weight:bold; }
#nav li a:hover { color:#6672FF; }
/* Submenu */
#nav ul.submenu { border:1px solid #A8A9FF; padding:5px; position:absolute; list-style:none; background-color:white; display: none;}
#nav ul.submenu li { float:none; background-image:none; min-width:200px; padding: 5px;}
#nav ul.submenu li:hover { background-color: #B7B7FF; }
/* Subsubmenu */    
#nav ul.subsubmenu { border:1px solid #A8A9FF; padding:5px; position:absolute; list-style:none; background-color:white; margin-left: 80px; display: none; }
#nav ul.subsubmenu li { float:none; background-image:none; min-width:200px;}